<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:p="http://primefaces.org/ui">	
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Principal</title>
</h:head>
<h:body>
<h:form prependId="false">
<h2>
	<h:outputText id="mensajeBienvenida" value="#{comprasMB.obtenerMensajeBienvenidaPreLogin()}"/>
	<h:outputText id="mensajeBienvenidaUsuario" value="#{comprasMB.obtenerMensajeBienvenidaUsuario()}"/>
	<p:commandLink value="#{comprasMB.obtenerMensajeBienvenidaLogin()}" action="#{comprasMB.loginUsuario}"/>
	<h:outputText id="mensajeBienvenidaRegistrar" value="#{comprasMB.obtenerMensajeBienvenidaPreRegistro()}"/>
	<p:commandLink value="#{comprasMB.obtenerMensajeBienvenidaRegistrar()}" action="#{comprasMB.registrarUsuario}"/>
</h2>
</h:form>

<h:form id="formMensajeError">
<h3>
	<p:panel id="panelMensajeCarro">
		<h:panelGrid columns="1" cellpadding="10">
			<h:outputText id="mensajeCarro" value="#{comprasMB.obtenerMensajeCantidadProductos()}" />
		</h:panelGrid>
		
		<h:panelGrid columns="2" cellpadding="10">
			<h:outputText id="mensajeCarroTotal" value="#{comprasMB.obtenerMensajeCarroTotal()}" />	
			<p:commandLink id="mensajeCarroEditar" value="#{comprasMB.obtenerMensajeCarroEditar()}" action="#{comprasMB.editarCarro}"/>
		</h:panelGrid>
	</p:panel>
</h3>	

	<p:dataTable id="listadoProductos" var="listado" value="#{comprasMB.listadoProductos}" rows="5">
				  
				  <p:column headerText="Producto" style="width:16px;text-align:center">
						        <h:outputText value="#{listado.nombre}" />
				  </p:column>
				  
				  <p:column headerText="Precio" style="width:16px;text-align:center">
						        <h:outputText value="#{listado.precio}" />
				  </p:column>
				  
				  <p:column headerText="Cantidad en Stock" style="width:16px;text-align:center">
						        <h:outputText value="#{listado.stock}" />
				  </p:column>
			
				  <p:column headerText="Agregar al Carro" style="width:16px;text-align:center">
						       <p:commandButton value="Agregar al carro" 
						       				  update=":formMensajeError:panelMensajeCarro" 
						       				  actionListener="#{comprasMB.agregarProductoAlCarro(listado)}"/>
				  </p:column>
				<f:facet name="footer">
					<h:panelGrid columns="3" cellpadding="5">
						 <p:commandButton value="retroceder" id="botonPaginacionRetrasar" 
						 					actionListener="#{comprasMB.retrocederPaginacion}" 
						 					update=":formMensajeError:listadoProductos"/>
						 <h:outputText value="Pagina: #{comprasMB.paginaActual}" />
						 <p:commandButton value="avanzar" id="botonPaginacionAvanzar" 
						 					actionListener="#{comprasMB.avanzarPaginacion}" 
						 					update=":formMensajeError:listadoProductos"/>       					 
       				</h:panelGrid>	  
   				 </f:facet>
	</p:dataTable>	    
</h:form>


</h:body>
</html>